@import "mixins/mixins";
@import "common/var";

@include b(backtop) {
  position: absolute;
  background-color: $--color-white;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  box-shadow: $--box-shadow-light;
  cursor: pointer;
  z-index: 5;
  border: none;
  outline: none;
  i{
    height: 16px;
    color: $--color-primary;
    transform: rotate(180deg);
  }
  &:hover {
    i{
      color: rgba(234,89,71,0.7);
    }
  }
  &:active {
    i{
      color: #CA3725;
    }
  }
}
